<!--热力密度图-->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>MapVGL</title>

    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <style>
    html,
    body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    #map_container {
        width: 100%;
        height: 90%;
        margin: 0;
    }

    #fname {
        font-size:20px;
        width: 170px;
    }


    #tools button {
        width: 100px;
        height: 30px;
    }

    #button01{
        color: #FFFFFF;
    }
    #button02{
        color: #FFFFFF;
    }
    #button03{
        color: #FFFFFF;
    }
    #button04{
        color: #FFFFFF;
    }
    #button05{
        color: #FFFFFF;
    }
    #button06{
        color: #FFFFFF;
    }
    </style>
    <script src="//api.map.baidu.com/api?v=1.0&type=webgl&ak=1XjLLEhZhQNUzd93EjU5nOGQ"></script>
    <script src="//mapv.baidu.com/build/mapv.min.js"></script>
    <script src="https://mapv.baidu.com/gl/examples/static/common.js"></script>
    <script src="https://code.bdstatic.com/npm/mapvgl@1.0.0-beta.119/dist/mapvgl.min.js"></script>
</head>
<body bgcolor="#111122" >

    <div>
        <div style="color:#FFFFFF;font-size:22px;float:left">
            <p>
                当前时间：<input type="text" id="fname" maxlength="20" />
            </p>
        </div>
        <div style="color:#FFFFFF;font-size:22px;float:right">
            <p>
                <a href="https://www.lhcstation.work/data_io/Charts_index/Charts01.html" class="button" id="button01">热力图</a>
                <a href="https://www.lhcstation.work/data_io/Charts_index/Charts02.html" class="button" id="button02">柱形图</a>
                <a href="https://www.lhcstation.work/data_io/Charts_index/Charts03.html" class="button" id="button03">轨迹图</a>
                <a href="https://www.lhcstation.work/data_io/Charts_index/Charts04.html" class="button" id="button04">热力线</a>
                <a href="https://www.lhcstation.work/data_io/Charts_index/Charts05.html" class="button" id="button05">主页</a>
            </p>
        </div>
    </div>

    <div id="map_container"></div>
    <script src="./json/Charts01.js"> </script>
</body>
</html>
